
*{
    margin: 0;
    padding: 0;
    box-sizing: inherit;
}
html{
    font-size: 62.5%;//1rem =>10/16;

    
    @include respond(tab-land){//width<1200?
        font-size: 56.25%;//1rem=9px 9/16
    }

    @include respond(tab-port){//width<900?
        font-size: 50%;//1rem=8px 8/16
    }

    @include respond(big-desktop){//width>1800?
        font-size: 75%;//1rem=12px 12/16
    }
}
body{
    box-sizing: border-box;
    padding: 3rem;

    @include respond(tab-port){
        padding: 0;
    }
}

::section{
    background-color: $color-primary;
    color:$color-white;
}